home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web24 / Tutorial 6 / main.css < prev    next >
Cascading Style Sheet File  |  2011-04-04  |  2KB  |  49 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 6
  4.    Tutorial Case
  5.  
  6.    The Lighthouse General Style Sheet
  7.  
  8.    Filename:         main.css
  9.    Supporting Files: left.jpg, right.jpg
  10.  
  11. */
  12.  
  13. body                   {margin: 0px; font-family: 'Lucida Grande', Verdana, sans-serif}
  14.  
  15. #head                  {position: absolute; top: 0px; left: 0px; width: 1000px; height: 150px}
  16.  
  17. #links                 {position: absolute; top: 150px; left: 2px; width: 1000px}
  18. #links ul              {list-style-type: none; padding: 0px; margin: 0px}
  19. #links li              {display: inline; float: left; font-size: 14px; margin-right: 0px;
  20.                         background: url(right.jpg) no-repeat 100% 50%; color: white}
  21.  
  22. #links a               {display: block; color: white; text-decoration: none;
  23.                         background: url(left.jpg) no-repeat 0% 50%; padding: 4px 15px}
  24. #links a:hover         {color: rgb(255, 192, 192)}
  25.  
  26. #mainContent           {position: absolute; top: 175px; left: 0px; width: 830px}
  27.  
  28. #leftColumn            {width: 220px; padding-top: 20px; float: left; 
  29.                         font-size: 12px; background: url(back.jpg) no-repeat top left}
  30. #leftColumn p          {margin: 5px 5px 5px 15px}
  31. #leftColumn p a        {color: black}
  32.  
  33. #leftColumn ul              {list-style-type: disc; margin-left: 30px; padding-left: 0px}
  34. #leftColumn ul li a         {text-decoration: none; color: black}
  35. #leftColumn ul li a:visited {color: black}
  36. #leftColumn ul li a:hover   {text-decoration: underline}
  37.  
  38. #rightColumn           {width: 590px; float: left; margin-left: 10px; margin-bottom: 10px; 
  39.                         font-size: 12px}
  40. #rightColumn h1        {font-size: 26px; text-align: center; letter-spacing: 5px;
  41.                         margin: 5px 0px; font-weight: normal}
  42. #rightColumn p         {margin: 0px 0px 2px 0px; padding: 0px; text-align: right}
  43. #rightColumn p span    {color: red}
  44.  
  45. address                {clear: left; font-style: normal; font-size: 12px; 
  46.                         text-align: center; border-top: 2px solid rgb(58,56,8); 
  47.                         margin-top: 10px; padding: 5px 0px 10px}
  48.  
  49.